#{extends 'main.html' /}
#{set title:'Sistema de Disponibilidad Docente | Facultad de Sistemas e Informatica - UNMSM' /}


    <div id="page">
		
        <div id="header">
        	<div id="headerTitle">&nbsp;</div>
            <div id="headerSubText">&nbsp;</div>
            
        </div>
        <div id="bar">

            <div class="navLink" style="font-weight: bold;"><a>ACCESO AL SISTEMA</a></div>
          
            
</div>
        
      <div class="contentText">
   
    <table width="439" border="0" align="center" style="font-weight: bold;">
     
      <tr>
        <td width="170" rowspan="5"><img src="@{'/public/images/seguridad.png'}"  >   </td>
        <td height="51" colspan="2">&nbsp;</td>
        </tr>
      #{form @authenticate()}
      <tr >
        <td width="68" height="43">&{'secure.username'}</td>
        <td width="145" id="username-field"><input type="text" name="username" id="username" value="${flash.username}" /></td>
      </tr>
       <tr>
        <td height="69">&{'secure.password'}</td>
        <td id="password-field"><input type="password" name="password" id="password" value="" /></td>
      </tr>
      <tr>
      	<td colspan="2">
		
		
		#{if flash.error}
			<p class="error">
				&{flash.error}
			</p>
		#{/if}
		#{if flash.success}
			<p class="success">
				&{flash.success}
			</p>
		#{/if}
		
		</td>
       </tr>
       <tr>
       	<td colspan="2" align="center" id="signin-field"><input type="submit" id="signin" value="Ingresar" /></td>
       </tr>
      <tr>
        <td colspan="3" align="center">&nbsp;</td>
      </tr>
      </table>
    <p>&nbsp;</p>
    #{/form}
    <p>&nbsp;</p>
     
        </div>
</div>
        <div id="footer"><a href="http://www.unmsm.edu.pe">Copyright</a> | <a href="http://www.unmsm.edu.pe">Universidad Nacional Mayor de San Marcos</a> |Ing. Software</a> | </div>
